<template>
    <div class = "BroadcastCard" @click = "toDetail">
        <div class = "icon">
            <img src="http://192.168.31.134:8000/images/broadcastCard_1.png" alt="">
        </div>
        <h5 class = "text-ellipses">课程标题课程标题课程标题课程标题课程标题课程标题课程标题</h5>
        <p class = "clearfix">
            <span class = "left">
                <span class = "iconfont icon-zhibo"></span>时长15:30
            </span>
            <span class = "right">2019-08-08</span>
        </p>
    </div>
</template>
<script>

export default {
    data(){
        return {

        }
    },
    props: ["url"],
    methods: {
        //跳转直播详情页
        toDetail(){
            wx.navigateTo({ url: "/pages/BroadcastDetail/main" });
        }
    }
}
</script>

<style lang = "scss" scoped>
    .icon{
        img{
            width: 100%;
            height: 374rpx;
            border-radius: 10rpx;
        }
    }
    h5{
        padding-top: 20rpx;
        color: #333;
        font-size: 30rpx;
    }
    p{
        padding-top: 10rpx;
        padding-bottom: 40rpx;
        color: #999;
        font-size: 24rpx;
        .left{
            float: left;
        }
        .right{
            float: right;
        }
        .iconfont{
            padding-right: 10rpx;
            color: #FFAA00;
            font-size: 34rpx;
        }
    }
</style>
